*{
    margin: 0;
    padding: 0;
}
.tu-1{
    background: url("../img/img-2.png");
    width: 100%;
    height: 2px;
}
.navbar-expand-lg{
    margin-top: 6px;
    margin-left: 20px;
}
.an-1,.navbar-text button{
    background: #e3f4fe;
    border:none;
    padding: 6px 20px 6px 20px;
    border-radius: 36px;
    color:#3464d3;
}
.an-1 {
    margin-left: 12px;
}
.nav-item{
    padding-left: 12px;
}
.navbar-text button{
    margin-right: 15px;
}
.an-1:hover,.navbar-text button:hover{
    background: #3464d3;
    color:#e3f4fe;
}
.xian-1{
    width: 45px;
    height: 3px;
    background: #3464d3;
}
.xian-2{
    width: 100%;
    height: 1px;
    background: #d7d7d7;
}
main{
    margin-top: 20px;
}
.main-1 img{
    width: 100%;
    margin-left: 17px;
}
.main-2{
    margin-top: 24px;
}
.main-2 li{
    list-style: none;
    border:1px solid #d7d7d7;
    padding: 16px 20px 16px 45px;
}
.main-2 a{
    text-decoration: none;
    color:#000;
}
.main-2 a:hover{
    color:#4989f3;
}
.an-2 a,.an-2 a:hover{
    color:#fff;
}
.k-1 li:hover{
    background: #4989f3;
}
.k-1 a:hover{
    color:#fff;
}
.an-2{
    background: #4989f3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.tu-6{
    width: 444px;
    height: 282px;
}
.c4-1 img{
    width: 193px;
    height: 130px;
    margin-left:14px;
}
.tu-2{
    margin-top: 20px;
}
.tu-3{
    width: 283px;
    height: 224px;
    margin-left: 14px;
}
.zi-1 p,.zi-3{
    color:#4989f3;
    font-weight: bold;
    font-size: 20px;
    margin-left: 13px;
}
.zi-1{
    margin-top: 40px;
}
.tu-4{
    width: 213px;
    height: 133px;
    padding: 0;
}
.main-2-1 .col-md-4{
    padding: 0;
}
.main-2-1 .col-md-8 button,.main-2-3 .col-md-6 button,.main-2-3 .col-md-9 button{
    padding: 4px 12px 4px 12px;
    border-radius:36px ;
    background: #f0f1f3;
    border:none;
    color:#969a99;
}
.zi-2,.zi-4{
    text-align: right;
}
.main-2-1 .col-md-6{
    margin-top: 15px;
}
.main-2-1 .col-md-8 button:hover,.main-2-3 .col-md-6 button:hover,.main-2-3 .col-md-9 button:hover{
    background: #e3f4fe;
    color:#3464d3;
}
.main-2-1 .row:hover,.main-2-3:hover{
    background: #e6e7e9;
}
.main-2-2,.main-2-4{
    width: 635px;
    height: 1px;
    background: rgba(219, 219, 219, 0.96);
}
.main-2-4{
    margin-top: 18px;
}
.zi-3{
    margin-top: 70px;
}
.main-2-s1{
    width: 291px;
    background: #f7f8fa;
}
.main-2-s1 .col-md-6 img{
    width: 130px;
    height: 80px;
}
.main-2-s1 .col-md-6 a{
    font-size: 12px;
}
.main-2-s1 .col-md-6{
    padding-top: 15px;
    padding-bottom: 12px;
}
.xian-3{
    width: 291px;
    height: 1px;
    background: #969a99;
    margin-top: 10px;
}
.main-2-s2 p{
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px;
}
.main-2-s2 p:hover{
    color:#4989f3;
}
.main-2-3 .col-md-4 img{
    width: 200px;
    height: 112px;
}
.main-2-3 .col-md-4{
    padding: 0;
}
.main-2-3,.main-2-1{
    margin-top: 28px;
}
.main-2-3 .col-md-6,.main-2-3 .col-md-9,.main-2-3 .col-md-3{
    margin-top: 20px;
}
.main-2-3 .col-md-6 button,.main-2-3 .col-md-9 button{
    margin-left: 10px;
}
.main-2-1 .col-md-6 img,.main-2-3 .col-md-3 img{
    padding-left: 10px;
}
.main-2-5{
    width: 635px;
    background: #f0f0f0;
    margin-top: 32px;
    border-radius:5px;
}
.main-2-5 p{
    text-align: center;
    padding: 12px 12px;
}
.main-2-5:hover{
    background: #e3f4fe;
    color:#3464d3;
}
.main-2-s4{
    width: 291px;
    background: #f7f8fa;
}
.main-2-s4 img {
    width: 291px;
}
.main-2-s4 p{
    padding: 14px 15px 14px 15px;
}
.main-2-s5{
    text-align: center;
}
footer{
    margin-top: 100px;
}
footer .col-md-11 ,footer .col-md-11 p{
    text-align:center;
}
.fan button{
    text-align: right;
    border:1px solid #d7d7d7;
    background: #fff;
    width: 54px;
    height: 54px;
    margin-bottom: 26px;
}
.fan button{
    text-align: center;
}
.fan button p{
    color:#4989f3;
}
.fan button:hover {
    border:1px solid #b8dcfc;
    background: #f7fbfe;
    color:#4989f3;
}
footer .col-md-11 a{
    color:#000;
}
footer .col-md-11 a:hover{
    color:#f43026;
}
#toTop{
    width: 53px;
    height: 53px;
    right: 55px;
    bottom:157px;
    text-align: center;
    cursor: pointer;
    position: fixed;
    line-height:50px;
    border:1px solid #d7d7d7;
    display: none;
    font-size: 25px;
}


@media (max-width: 600px){
    .main-1 img{
        width: 100%;
        height: 100%;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .tu-6{
        width: 100%;
    }
    .c4-1 img{
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }
    .main-2-3 .col-md-4 img{
        margin-top: 10px;
        /*width: 100%;*/
    }
    .main-2-2{
        width: 100%;
    }
    .tu-3{
        margin-top: 20px;
    }
    .main-2-4{
        width: 100%;
    }
    .main-2-5{
        width: 100%;
    }
    .zi-2{
        text-align: left;
    }
    .zi-4{
        text-align: left;
    }
    /*.tu-4{*/
        /*width: 100%;*/
    /*}*/
    footer{
        margin-top: 20px;
    }
    .tu-3{
        margin-left: 0;
    }
    .main-2-s1{
        width: 100%;
    }
    .xian-3{
        width: 100%;
    }
    .main-2-s4{
        width: 100%;
    }
    .main-2-s4 img{
        width: 100%;
    }
    #toTop{
        right: 22px;
    }
}